<template>
	<div class="app">
		<h2>{{ doubleCounter }}</h2>
		<h2>{{ totalAge }}</h2>
		<h2>{{ message }}</h2>
		<h2>{{ findFriendsById(111) }}</h2>
	</div>
</template>

<script>
	import { mapGetters } from 'vuex'
	export default {
		computed: {
			...mapGetters(['doubleCounter', 'totalAge']),
			...mapGetters(['findFriendsById']),
		},
	}
</script>

<script setup>
	import { mapGetters, useStore } from 'vuex'
	import { computed, toRefs } from 'vue'

	const store = useStore()
	/* const { message: messageFn } = mapGetters(['message'])
	const message = computed(messageFn.bind({ $store: store })) */

	const message = computed(() => store.getters.message)
</script>

<style scoped></style>
